<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>畅销书排行榜</title>
		<style>
			h1{
				background-color: green;
				width: 300px;
				height: 30px;
				text-indent: 1em;
				font-size: 16px;
				line-height: 30px;
				color: white;
			}
			div{
				background:-moz-linear-gradient(to bottom,#F9FBCB,#F8F8F3);
				width: 300px;
			}
			li{
				list-style: none;
			}
			li a:link{
				text-decoration: none;
			}
			li a:hover{
				text-decoration: underline;
			}
		</style>
	</head>
	<body>
		<div>
		<h1>
			畅销书排行榜<img src="img/bang.gif" />
		</h1>
		<ul>
			<li>
				<img src="img/book_no01.gif" />
				<a href="index.html" target="_blank">XXXXXXX</a>
			</li>
			<li>
				<img src="img/book_no02.gif" />
				<a href="index.html" target="_blank">XXXXXXX</a>
			</li>
			<li>
				<img src="img/book_no03.gif" />
				<a href="index.html" target="_blank">XXXXXXX</a>
			</li>
			<li>
				<img src="img/book_no04.gif" />
				<a href="index.html" target="_blank">XXXXXXX</a>
			</li>
			<li>
				<img src="img/book_no05.gif" />
				<a href="index.html" target="_blank">XXXxXXXX</a>
			</li>
			<li>
				<img src="img/book_no06.gif" />
				<a href="index.html" target="_blank">XXXXxxxxxXXX</a>
			</li>
			<li>
				<img src="img/book_no07.gif" />
				<a href="index.html" target="_blank">XXxxxXXXXX</a>
			</li>
			<li>
				<img src="img/book_no08.gif" />
				<a href="index.html" target="_blank">XXXxxxxXXXX</a>
			</li>
			<li>
				<img src="img/book_no09.gif" />
				<a href="index.html" target="_blank">XXXxxxxxxxXXXX</a>
			</li>
			<li>
				<img src="img/book_no10.gif" />
				<a href="index.html" target="_blank">XXXXxxxxXXX</a>
			</li>
			<li>
				<img src="img/book_no05.gif" />
				<a href="index.html" target="_blank">XxxXXXXXX</a>
			</li>
		</ul>
		</div>
	</body>
</html>
